td {font-size: 12px}
a {font-size: 12px; text-decoration: none; color: #000000}
a:hover {font-size: 12px; color: #00AB00; text-decoration: underline}

a.header {font-size: 12px; text-decoration: none; color: #FFFFFF}
a.header:hover {font-size: 12px; color: #00AB00}

a.attach {font-size: 7pt; text-decoration: none; color: #00AB00}
a.attach:hover {font-size: 7pt; color: #000000}

.myinput { background-color:#ffffff;height:25;font-size:12px;width:250px;border:#CECECE 1px solid}
.myinput3 { font-size:12px;font-family:Arial;height:20px;width:250px;color: #7F7F7F;}
.myinput2 { font-size:12px;font-family:Arial;height:20px;width:158px;color: #989898;}
.myinput21 { font-size:12px;font-family:Arial;height:20px;width:158px;color: #989898;}
.myinput25 { font-size:12px;font-family:Arial;width:140px;color: #4D4D4D;}
.myinput22 { font-size:12px;font-family:Arial;height:20px;width:180px;color: #FBFBFB;border:#FAFAFA 1px solid}
.myinput23 { font-size:12px;font-family:Arial;width:195px;color: #999999;}
.myinput26 { font-size:12px;font-family:Arial;width:200px;color: #999999;}

.input {
  color: #ffffff;
  width: 70px;
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, MS Sans Serif;
  border-left: 1px solid #87A3AF;
  border-right: 1px solid #87A3AF;
  border-top: 1px solid #87A3AF;
  border-bottom: 1px solid #87A3AF;
}

.title01{font-family:tahoma, "宋体";font-weight:bold;font-size:15px;text-transform:uppercase;color:#0b69b1;padding-left:30px;}
.title01 span{color:#606060;display:block;font-size:12px;line-height:20px;height:20px;}

.bg-gray{background-color: #D4D4D4;}
.bg-index{background-image:linear-gradient(to bottom, #055DB7, #ffffff);background-repeat: no-repeat;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}


.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-sub {
  flex: 1;
}

.flex-twice {
  flex: 2;
}

.flex-treble {
  flex: 3;
}

.flex-direction {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: flex-center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}


.text-bold {
  font-weight: bolder;
}

.text-center {
  text-align: center;
}

.text-content {
  line-height: 1.6;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}